<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>购物车</title>

  <!-- 重置样式表 -->
  <link rel="stylesheet" href="../css/normalize.css">

  <!-- 公共样式表 -->
  <link rel="stylesheet" href="../css/common.css">

  <!-- 当前页样式表 -->
  <link rel="stylesheet" href="../css/shopcar.css">

  <!-- 引jq -->
  <script src="../lib/jquery.js"></script>

  <!-- 引当前js -->
  <script src="../js/shopcar.js"></script>
</head>

<body>
 <!-- 头部 -->
 <div class="head ">
  <!-- 顶部 -->
  <div class="bc10">
      <div class="container clearfix cw ">
          <img class="t1" src="../image/LOGO_02.jpg" alt="">
          <a href="#" class="cw ww">legochina.cn</a>
          <span class="fr cw">欢迎光临<a href="#" class="cf67">乐购</a>,请登陆\<a href="#" class="cf67">注册</a></span>
      </div>
  </div>
  <!-- 搜索框 -->
  <div class="head-top clearfix container search-box">

      <div class="fr shop clearfix">
          <a href="#" class="shopcar eb fl">购物车<span>3</span></a>
          <a href="#" class="eb fr shopdi">我的订单</a>
      </div>
      <div class="fr head-text ">
          <input class="fl" type="text" placeholder="创意文具">
          <button class="text-an"></button>
      </div>
  </div>
  </div>
  <!-- 购物车 -->
  <div class="shopcar1 container mt76">
      <span>填写并核对订单信息</span>
    <div class="shopcar1-head clearfix">
      <p><input class="allsel" type="checkbox">全选</p>
      <p>商品</p>
      <p>单价</p>
      <p>数量</p>
      <p>小计</p>
      <p>操作</p>
    </div>


    <div class="shopcar1-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../image/index08_05.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar1-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../image/index08_05.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar1-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../image/index08_05.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>



    <div class="shopcar1-foot">
      <p><input class="allsel" type="checkbox"> 全选</p>
      <p>删除选中商品</p>
      <p></p>
      <p>已选择 <span class=" allNum cred f24">1</span> 件商品</p>
      <p>总价: <span class=" totalPrice cred f24">0.00</span></p>
      <p><button>结算</button></p>
    </div>

  </div>


   <!-- 猜你喜欢 -->


   <div class="guess container clearfix">
    <div class="guess-title">
      <div class=" pro-title clearfix">
          <div class="home1-title fl">猜你喜欢</div>
     </div>
     
  </div>
  <div class="oo fl">
    <img src="../image/22935553-1_l.jpg" alt="">
    <img src="../image/1111.png" alt="">
    <p>白夜行  东野上吾</p>
    <p>推荐: <img src="../image/xx_03.png" alt=""> </p>
    <p><span class="cred f24">￥:38</span><del class="f24">￥:58</del></p>
  </div>
  <div class="oo fl">
    <img src="../image/22935553-1_l.jpg" alt="">
    <img src="../image/1111.png" alt="">
    <p>白夜行  东野上吾</p>
    <p>推荐: <img src="../image/xx_03.png" alt=""> </p>
    <p><span class="cred f24">￥:38</span><del class="f24">￥:58</del></p>
  </div>
  <div class="oo fl">
    <img src="../image/22935553-1_l.jpg" alt="">
    <img src="../image/1111.png" alt="">
    <p>白夜行  东野上吾</p>
    <p>推荐: <img src="../image/xx_03.png" alt=""> </p>
    <p><span class="cred f24">￥:38</span><del class="f24">￥:58</del></p>
  </div>
  <div class="oo fl ">
    <img src="../image/22935553-1_l.jpg" alt="">
    <img src="../image/1111.png" alt="">
    <p>白夜行  东野上吾</p>
    <p>推荐: <img src="../image/xx_03.png" alt=""> </p>
    <p><span class="cred f24">￥:38</span><del class="f24">￥:58</del></p>
  </div>
  <div class="oo fl ">
    <img src="../image/22935553-1_l.jpg" alt="">
    <img src="../image/1111.png" alt="">
    <p>白夜行  东野上吾</p>
    <p>推荐: <img src="../image/xx_03.png" alt=""> </p>
    <p><span class="cred f24">￥:38</span><del class="f24">￥:58</del></p>
  </div>
  </div>
  <div class="container tupi">
    <img  src="../image/02-产品列表页面_03.jpg" alt="">
  </div>
  <!-- 页脚 -->
  <div class="foot">
    <div class="foottitle">
    </div>
    <div class="foot1">
        <div class="container">
            <img src="../image/222_11.png" alt="">
            <img src="../image/222_13.png" alt="">
            <img src="../image/222_15.png" alt="">
            <img src="../image/222_17.png" alt="">
        </div>
    </div>
    <div class="container nav clearfix">
        <div class="ttt">
            <div class="hz">
                <p><a href="#">购物指南</a></p>
                <p><a href="#">购物流程</a></p>
                <p><a href="#">发票制度</a></p>
                <p><a href="#">账户管理</a></p>
                <p><a href="#">会员优惠</a></p>
            </div>
            <div class="hz">
                <p><a href="#">支付方式</a></p>
                <p><a href="#">货到付款</a></p>
                <p><a href="#">网上支付</a></p>
                <p><a href="#">礼品卡支付</a></p>
                <p><a href="#">银行转帐</a></p>
            </div>
            <div class="hz">
                <p><a href="#">订单服务</a></p>
                <p><a href="#">订单配送查询</a></p>
                <p><a href="#">订单状态说明</a></p>
                <p><a href="#">自助取消订单</a></p>
                <p><a href="#">自助修改订单</a></p>
            </div>
            <div class="hz">
                <p><a href="#">退换货</a></p>
                <p><a href="#">退换货政策</a></p>
                <p><a href="#">自助申请退换货</a></p>
                <p><a href="#">退换货进度查询</a></p>
                <p><a href="#">退款方式和时间</a></p>
            </div>
            <div class="hz">
                <p><a href="#">商家服务</a></p>
                <p><a href="#">商家中心</a></p>
                <p><a href="#">运营服务</a></p>
                <p><a href="#">加入尾品汇</a></p>
            </div>
        </div>
        <div>
            <img src="../image/logo_00.png" alt="">
        </div>
    </div>
    <div class="container xm">
        <p><a href="#">公司简介</a> | <a href="#">Investor Relations</a> | <a href="#">网站联盟</a> | <a href="#">乐购招商</a> |
            <a href="#">机构销售</a> | <a href="#">手机乐购</a> | <a href="#">官方Blog</a> | <a href="#">热词搜索</a></p>
        <p class="jl">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>
</div>
   

</body>
</html>